<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Device Posture API test</title>
    <link rel="stylesheet" href="index.css" />
    <script src="index.js" defer></script>
  </head>
  <body>
    <div class="wrapper">
      <section class="list-view">
        <div class="list-wrapper">
          <ul>
            <li><a href="#">Article one</a></li>
            <li><a href="#">Article two</a></li>
            <li><a href="#">Article three</a></li>
            <li><a href="#">Article four</a></li>
            <li><a href="#">Article five</a></li>
            <li><a href="#">Article six</a></li>
            <li><a href="#">Article seven</a></li>
            <li><a href="#">Article eight</a></li>
            <li><a href="#">Article nine</a></li>
            <li><a href="#">Article ten</a></li>
            <li><a href="#">Article eleven</a></li>
            <li><a href="#">Article twelve</a></li>
            <li><a href="#">Article thirteen</a></li>
            <li><a href="#">Article fourteen</a></li>
            <li><a href="#">Article fifteen</a></li>
            <li><a href="#">Article sixteen</a></li>
          </ul>
        </div>
      </section>
      <section class="detail-view">
        <h1>Article one</h1>

        <p class="posture-output">device posture:</p>
      </section>
    </div>
  </body>
</html>
